﻿@{
    ViewBag.Title = "主页";
}
@section head{
    <link type="text/css" href="@Url.Content("/Content/shantu.css")" rel="Stylesheet"  />
    <style type="text/css">
        .text
        {
            width: 200px;
            margin: 10px;
            float: left;
        }
    </style>
    <script type="text/javascript" src="@Url.Content("/Scripts/jquery-1.5.1.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("/Scripts/masonry/jquery.masonry.min.js")"></script>
    <script type="text/javascript">

        //        function GetRandomNum(Min, Max) {
        //            var Range = Max - Min;
        //            var Rand = Math.random();
        //            return (Min + Math.round(Rand * Range));
        //        }
        //        $(function () {
        //            var method = {
        //                color: ["red", "black", "blue", "green", "yellow"],
        //                height: [200, 300, 500, 800, 1500]
        //            }

        //            for (var i = 0; i < 100; i++) {
        //                var index = GetRandomNum(0, 4);
        //                var a = $("<div/>").attr("id", i).addClass("test").css({ "background-color": method.color[index], height: method.height[index], width: 200, border: "1px solid white" });
        //                $("#container").append(a);
        //            }

        //            Array.prototype.max = function () {   //最大值
        //                return Math.max.apply({}, this)
        //            }

        //            Array.prototype.min = function () {   //最小值
        //                return Math.min.apply({}, this)
        //            }
        //            var eles = $("#container > div");

        //            var length = eles.length;
        //            var columns = 7;
        //            var w = 200;
        //            var arr = [];

        //            for (var i = 0; i < 7; i++) {
        //                arr.push(0);
        //            }
        //            var min = 0;
        //            var index = 0;
        //            eles.css("position", "absolute");
        //            eles.each(function (i) {
        //                if (i < columns) {
        //                    $(this).css({ top: 0, left: (i * w) });
        //                    arr[i] = $(this).height();
        //                }
        //                else {
        //                    min = arr[0];
        //                    index = 0;
        //                    for (var j = 1; j < arr.length; j++) {
        //                        if (arr[j] < min) {
        //                            index = j;
        //                            min = arr[j];
        //                        }
        //                    }

        //                    $(this).css({ top: arr[index], left: (index * w) });
        //                    arr[index] = arr[index] + $(this).height();
        //                }

        //            });

        //            $("#container").height(arr.max());

        //            //                        $('#container').masonry({
        //            //                            itemSelector: '.test',
        //            //                            columnWidth: 200,
        //            //                            gutterWidth: 5,
        //            //                            animationOptions: {
        //            //                                queue: false, duration: 500
        //            //                            }
        //            //                        });

        //        });


        $(function () {
            var img = new Image();
            var a = $("#testimg");
            img.src = a.attr("src");

            var b = a.get(0);
            var c = document.getElementById("testimg");
            //            alert(a.naturalWidth);
            //            alert(b.naturalWidth);
//            alert(img.width);
            //            alert(c.naturalWidth);
        });
      

     
    </script>
}
<h1>@ViewBag.success</h1>
<h2>@ViewBag.Message</h2>
<img id="testimg" src="http://www.leiphone.com/wp-content/themes/leiphone/images/samples/category_icon.png"
    width="200" height="200" />
<div id="container" style="position: relative">
</div>
